<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用例测试 | style.css / rasterize.css</title>
    <link rel="stylesheet" href="../normalize.css">
    <link rel="stylesheet" href="../rasterize.css">
</head>

<body>

    <div class="container">
        <div class="row">
            <div class="col-size-1" style='border:1px solid blue;'>size1</div>
            <div class="col-size-2" style='border:1px solid blue;'>size2</div>
            <div class="col-size-3" style='border:1px solid blue;'>size3</div>
            <div class="col-size-4" style='border:1px solid blue;'>size4</div>
            <div class="col-size-5" style='border:1px solid blue;'>size5</div>
            <div class="col-size-6" style='border:1px solid blue;'>size6</div>
            <div class="col-size-7" style='border:1px solid blue;'>size7</div>
            <div class="col-size-8" style='border:1px solid blue;'>size8</div>
            <div class="col-size-9" style='border:1px solid blue;'>size9</div>
            <div class="col-size-10" style='border:1px solid blue;'>size10</div>
            <div class="col-size-11" style='border:1px solid blue;'>size11</div>
            <div class="col-size-12" style='border:1px solid blue;'>size12</div>
        </div>

        <hr>

        <div class="row">
            <div class="col-xs-1" style='border:1px solid blue;'>xs1</div>
            <div class="col-xs-2" style='border:1px solid blue;'>xs2</div>
            <div class="col-xs-3" style='border:1px solid blue;'>xs3</div>
            <div class="col-xs-4" style='border:1px solid blue;'>xs4</div>
            <div class="col-xs-5" style='border:1px solid blue;'>xs5</div>
            <div class="col-xs-6" style='border:1px solid blue;'>xs6</div>
            <div class="col-xs-7" style='border:1px solid blue;'>xs7</div>
            <div class="col-xs-8" style='border:1px solid blue;'>xs8</div>
            <div class="col-xs-9" style='border:1px solid blue;'>xs9</div>
            <div class="col-xs-10" style='border:1px solid blue;'>xs10</div>
            <div class="col-xs-11" style='border:1px solid blue;'>xs11</div>
            <div class="col-xs-12" style='border:1px solid blue;'>xs12</div>
        </div>

        <hr>

        <div class="row">
            <div class="col-sm-1" style='border:1px solid blue;'>sm1</div>
            <div class="col-sm-2" style='border:1px solid blue;'>sm2</div>
            <div class="col-sm-3" style='border:1px solid blue;'>sm3</div>
            <div class="col-sm-4" style='border:1px solid blue;'>sm4</div>
            <div class="col-sm-5" style='border:1px solid blue;'>sm5</div>
            <div class="col-sm-6" style='border:1px solid blue;'>sm6</div>
            <div class="col-sm-7" style='border:1px solid blue;'>sm7</div>
            <div class="col-sm-8" style='border:1px solid blue;'>sm8</div>
            <div class="col-sm-9" style='border:1px solid blue;'>sm9</div>
            <div class="col-sm-10" style='border:1px solid blue;'>sm10</div>
            <div class="col-sm-11" style='border:1px solid blue;'>sm11</div>
            <div class="col-sm-12" style='border:1px solid blue;'>sm12</div>
        </div>

        <hr>

        <div class="row">
            <div class="col-md-1" style='border:1px solid blue;'>md1</div>
            <div class="col-md-2" style='border:1px solid blue;'>md2</div>
            <div class="col-md-3" style='border:1px solid blue;'>md3</div>
            <div class="col-md-4" style='border:1px solid blue;'>md4</div>
            <div class="col-md-5" style='border:1px solid blue;'>md5</div>
            <div class="col-md-6" style='border:1px solid blue;'>md6</div>
            <div class="col-md-7" style='border:1px solid blue;'>md7</div>
            <div class="col-md-8" style='border:1px solid blue;'>md8</div>
            <div class="col-md-9" style='border:1px solid blue;'>md9</div>
            <div class="col-md-10" style='border:1px solid blue;'>md10</div>
            <div class="col-md-11" style='border:1px solid blue;'>md11</div>
            <div class="col-md-12" style='border:1px solid blue;'>md12</div>
        </div>

        <hr>

        <div class="row">
            <div class="col-lg-1" style='border:1px solid blue;'>lg1</div>
            <div class="col-lg-2" style='border:1px solid blue;'>lg2</div>
            <div class="col-lg-3" style='border:1px solid blue;'>lg3</div>
            <div class="col-lg-4" style='border:1px solid blue;'>lg4</div>
            <div class="col-lg-5" style='border:1px solid blue;'>lg5</div>
            <div class="col-lg-6" style='border:1px solid blue;'>lg6</div>
            <div class="col-lg-7" style='border:1px solid blue;'>lg7</div>
            <div class="col-lg-8" style='border:1px solid blue;'>lg8</div>
            <div class="col-lg-9" style='border:1px solid blue;'>lg9</div>
            <div class="col-lg-10" style='border:1px solid blue;'>lg10</div>
            <div class="col-lg-11" style='border:1px solid blue;'>lg11</div>
            <div class="col-lg-12" style='border:1px solid blue;'>lg12</div>
        </div>
    </div>

</body>

</html>
